////////////////////////////////////////////////////////////////////////////

    // example of custom renderer functio
   var storeHerbMostPrescription = new Ext.data.JsonStore({
        root: 'articles',
        fields: [
            'id', 'name','herb'
        ],
        // load using script tags for cross domain, if the data in on the same domain as
        // this page, an HttpProxy would be better
        proxy: new Ext.data.HttpProxy({
            url: basePath+'/../herbServlet',
            doClass:'herbMostPr',
            herIds:herIds
        }),
        baseParams: {doClass:'herbMostPr'}
    });
    storeHerbMostPrescription.setDefaultSort('name', 'desc');
    
    function herbMostPrescriptionRen(val){

        var v = '</div><div style="word-wrap:break-word; overflow:hidden;" >' + val + '</div><div>';
     
        return v;
    }
    // create the Grid
    var gridHerbMostPrescription = new Ext.grid.GridPanel({
        store: storeHerbMostPrescription,
        shadow:true,
        autoScroll: true,
        border:false,
        columns: [
            {id:'AA',header: "方剂id", sortable: true,  hidden:true,dataIndex: 'id'},
            {header: "方剂名称", width: 120,renderer:pctChange,herbMostPrescriptionRen: true, dataIndex: 'name'},
            {header: "方剂组成", width: 580,  renderer:herbMostPrescriptionRen, sortable: true, dataIndex: 'herb'}
        ],
         iconCls:'icon-grid',
         width:700,
         autoHeight:true,
         sm: new Ext.grid.RowSelectionModel({singleSelect: false})
    });
   
    gridHerbMostPrescription.on('rowclick', function(g, rowIdx, e) {
   			// g.selectRow(rowIdx,false);
		//updataCaContent({doClass:"content", chapterId:ds.getAt(rowIdx).data.id})
	});
    gridHerbMostPrescription.render('herbMostPrescriptionPlan');
    storeHerbMostPrescription.load({params:{doClass:'herbMostPr',herIds:herIds}});
  